Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(styles): updated float utility #3752

Open
wants to merge 13 commits into
base: main
Choose a base branch
from
Open

Conversation

myrta2302
Copy link

No description provided.

@myrta2302 myrta2302 requested a review from a team as a code owner October 14, 2024 15:11
@myrta2302 myrta2302 linked an issue Oct 14, 2024 that may be closed by this pull request
1 task
Copy link

changeset-bot bot commented Oct 14, 2024

🦋 Changeset detected

Latest commit: 8289085

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
Name Type
@swisspost/design-system-styles Minor
@swisspost/design-system-documentation Minor
@swisspost/design-system-components-angular-workspace Patch
@swisspost/design-system-components Minor
@swisspost/internet-header Patch
@swisspost/design-system-intranet-header-workspace Patch
@swisspost/design-system-nextjs-integration Patch
@swisspost/design-system-styles-primeng-workspace Patch
@swisspost/design-system-intranet-header Minor
@swisspost/design-system-styles-primeng Minor
@swisspost/design-system-components-react Minor
@swisspost/design-system-components-angular Minor
@swisspost/design-system-intranet-header-showcase Patch
@swisspost/design-system-tokens Minor
@swisspost/design-system-icons Minor
@swisspost/design-system-migrations Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@swisspost-bot
Copy link
Contributor

swisspost-bot commented Oct 14, 2024

Related Previews

@myrta2302 myrta2302 changed the title feat(Styles): updated float utility feat(styles): updated float utility Oct 15, 2024
Copy link
Contributor

@oliverschuerch oliverschuerch left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good work so far 😄 Just some more thoughts.

@myrta2302 myrta2302 requested a review from a team as a code owner October 18, 2024 09:20
Copy link

sonarcloud bot commented Oct 18, 2024

},
decorators: [
(story: StoryFn, context: StoryContext) => {
const storyTemplate = html`<div class="clearfix float-example">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please remove this obsolete class

Suggested change
const storyTemplate = html`<div class="clearfix float-example">
const storyTemplate = html`<div class="clearfix">


return html`
<div class="${floatClass}">
Sample Text ${args.floatPosition ? '(float-' + args.floatPosition + ')' : ''}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sorry for adding a CR for this again, but it would be helpful to also know on which breakpoint the content should be floated.

Suggested change
Sample Text ${args.floatPosition ? '(float-' + args.floatPosition + ')' : ''}
Content ${floatClass ? '(' + floatClass + ')' : ''}

it('float', () => {
cy.visit('/iframe.html?id=snapshots--float');
cy.get('.float-example', { timeout: 30000 }).should('be.visible');
cy.percySnapshot('Float', { widths: [320, 1440] });
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
cy.percySnapshot('Float', { widths: [320, 1440] });
cy.percySnapshot('Float', { widths: [320, 400, 600, 780, 1024, 1280, 1440] });

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[utilities]: float
3 participants